Flaticon WebFont

Font Demo

Instructions

1Copy the "Fonts" files and CSS files to your website CSS folder.
2Add the CSS link to your website source code on header. <head> ... <link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"> ... </head>
3Use the icon class on "display: inline" elements:
Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>

.flaticon-right

Author: Freepik

.flaticon-search

Author: Vectors Market

.flaticon-right-arrow

Author: Those Icons

.flaticon-tick

Author: Freepik

.flaticon-right-arrow-1

Author: Freepik

.flaticon-backward

Author: Smashicons

.flaticon-clock

Author: Freepik

.flaticon-star

Author: Google

.flaticon-null

Author: Freepik

.flaticon-arrow

Author: Freepik

.flaticon-share

Author: Those Icons

.flaticon-remove

Author: itim2101

.flaticon-signs

Author: Pixel perfect

.flaticon-add

Author: xnimrodx

.flaticon-angle-arrow-pointing-to-right

Author: Dave Gandy

.flaticon-null-1

Author: Freepik

.flaticon-gps

Author: srip

.flaticon-long-right-arrow

Author: Vaadin

.flaticon-long-arrow-pointing-to-the-right

Author: Dave Gandy

.flaticon-talk

Author: Freepik

.flaticon-comment

Author: Smashicons

.flaticon-long-arrow-pointing-to-left

Author: Dave Gandy

.flaticon-send

Author: Smartline

.flaticon-play

Author: Freepik

.flaticon-right-arrow-2

Author: srip

.flaticon-right-arrow-3

Author: Freepik

.flaticon-next

Author: Freepik

.flaticon-search-1

Author: Smashicons

.flaticon-cursor

Author: Becris

.flaticon-calling

Author: Smashicons

.flaticon-right-arrow-4

Author: Those Icons

.flaticon-checked

Author: Those Icons

.flaticon-right-quote

Author: Freepik

.flaticon-star-1

Author: Freepik

.flaticon-email

Author: Freepik

.flaticon-mail

Author: Freepik

.flaticon-clock-1

Author: Freepik

.flaticon-delivery-truck

Author: Vignesh Oviyan

.flaticon-zoom-in

Author: Prosymbols

.flaticon-interface

Author: Freepik

.flaticon-lawyer

Author: Freepik

.flaticon-apple

Author: Pixel perfect

.flaticon-android

Author: Pixel perfect

.flaticon-download

Author: Freepik

.flaticon-chat

Author: Freepik

.flaticon-menu

Author: Those Icons

.flaticon-play-arrow

Author: Google

.flaticon-left-arrow

Author: Lyolya

.flaticon-welder

Author: Skyclick

.flaticon-welding-machine

Author: surang

.flaticon-welding

Author: Smashicons

.flaticon-welder-1

Author: dDara

.flaticon-welding-machine-1

Author: Freepik

.flaticon-weld

Author: Smashicons

.flaticon-mail-1

Author: prettycons

.flaticon-pin

Author: Those Icons

.flaticon-email-1

Author: Freepik

.flaticon-telephone

Author: Gregor Cresnar

.flaticon-welding-1

Author: Nhor Phai

.flaticon-welder-2

Author: Eucalyp

.flaticon-magnifying-glass

Author: Gregor Cresnar

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Vectors Market, Those Icons, Smashicons, Google, itim2101, Pixel perfect, xnimrodx, Dave Gandy, srip, Vaadin, Smartline, Becris, Vignesh Oviyan, Prosymbols, Skyclick, surang, dDara, prettycons, Gregor Cresnar, Nhor Phai, Eucalyp, Lyolya

Copy the Attribution License:

Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="057-email-1" href="http://www.freepik.com">Freepik</a>, <a data-file="002-search" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="056-pin" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="054-weld" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="047-play-arrow" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="012-remove" href="https://www.flaticon.com/authors/itim2101">itim2101</a>, <a data-file="043-android" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="014-add" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a>, <a data-file="022-long-arrow-pointing-to-left" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="025-right-arrow-2" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="018-long-right-arrow" href="https://www.flaticon.com/authors/vaadin">Vaadin</a>, <a data-file="023-send" href="https://www.flaticon.com/authors/smartline">Smartline</a>, <a data-file="029-cursor" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="038-delivery-truck" href="https://www.flaticon.com/authors/vignesh-oviyan">Vignesh Oviyan</a>, <a data-file="039-zoom-in" href="https://www.flaticon.com/authors/prosymbols">Prosymbols</a>, <a data-file="049-welder" href="https://www.flaticon.com/authors/skyclick">Skyclick</a>, <a data-file="050-welding-machine" href="https://www.flaticon.com/authors/surang">surang</a>, <a data-file="052-welder-1" href="https://www.flaticon.com/authors/ddara">dDara</a>, <a data-file="055-mail-1" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, <a data-file="061-magnifying-glass" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="059-welding-1" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a>, <a data-file="060-welder-2" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="048-left-arrow" href="https://www.flaticon.com/authors/lyolya">Lyolya</a></p>

Examples:

<i class="flaticon-right"></i>

<i class="flaticon-search"></i>

<i class="flaticon-right-arrow"></i>

<i class="flaticon-tick"></i>